<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>${member.name}:我的流浪书屋</title>
		<link type="text/css" rel="stylesheet" href="css/MySpace.css">
	</head>
	<body>

		<%@  include file="top.jsp"%>
		<div id="MIDDLE">
			<!--左侧-->
			<div id="LEFT">
				<div class="leftTitle">
					流浪书屋
				</div>
				<div class="leftContent">
					<ol>
						<li>
							<a href="${CONTEXT_ROOT}/OrderServlet?method=boughtList">购买过的书</a>
						</li>
						<li>
							<a href="${CONTEXT_ROOT}/shoppingCart.jsp">我的购物车</a>
						</li>
					</ol>
				</div>
				<div class="leftTitle">
					我的资料

				</div>
				<div class="leftContent">
					<ol>
						<li>
							<a href="${CONTEXT_ROOT}/MySpaceServlet?method=info">个人信息</a>
						</li>
						<li>
							<a href="${CONTEXT_ROOT}/MySpaceServlet?method=preupdateInfo">修改资料</a>
						</li>
						<li>
							<a href="${CONTEXT_ROOT}/MySpaceServlet?method=preupdatepw">修改密码</a>
						</li>
					</ol>
				</div>
				<div class="leftTitle">
					图书订单

				</div>
				<div class="leftContent">
					<ol>
						<li>
							<a href="${CONTEXT_ROOT}/OrderServlet?method=orderList">订单列表</a>
						</li>
						<li>
							<a href="#"> 退货申请</a>
						</li>
					</ol>
				</div>

				<div class="leftTitle">
					我的帐户
				</div>
				<div class="leftContent">
					<ol>
						<li>
							<a href="#">我的积分</a>
						</li>
						<li>
							<a href="#"> 我的优惠券</a>
						</li>
					</ol>
				</div>
				<div class="leftTitle">
					个性定制

				</div>
				<div class="leftContent">
					<ol>
						<li>
							<a href="#">私人空间 </a>
						</li>
						<li>
							<a href="#"> 兴趣 </a>
						</li>
					</ol>
				</div>
			</div>
			<!--右侧-->
			<div id="RIGHT">

				<!-- 买过的书 -->
				<div id="RIGHT">
					<div
						style="width: 762px; float: left; text-align: left; height: 28px; font-size: 14px; vercial-align: middle;">
						流浪书屋--我的信息
					</div>
					<div style="float: left; font-size: 13px; width: 100px;">

						<a href="javascript:history.go(-1);">返回</a>

					</div>
					<table width="862px" cellspacing="0" cellpadding="0" border="0"
						style="font-size: 14px; line-height: 35px;">
						<tr>
							<td width="30%">

								<table width="100%" cellspacing="0" cellpadding="0" border="1"
									bordercolor="#ffffff" bgcolor="#CAE8EA">
									<tr>
										<td align="right">
											昵称&nbsp;&nbsp;
										</td>
									</tr>
									<tr>
										<td align="right">
											性别&nbsp;&nbsp;
										</td>
									</tr>
									<tr>
										<td align="right">
											出生日期&nbsp;&nbsp;
										</td>
									</tr>
									<tr>
										<td align="right">
											居住地址&nbsp;&nbsp;
										</td>
									</tr>
									<tr>
										<td align="right">
											联系电话&nbsp;&nbsp;
										</td>
									</tr>
									<tr>
										<td align="right">
											证件号码&nbsp;&nbsp;
										</td>
									</tr>
									<tr>
										<td align="right">
											邮编
										</td>
									</tr>
									<tr>
										<td align="right">
											Email
										</td>
									</tr>
									<tr>
										<td align="right">
											会员积分
										</td>
									</tr>
									<tr>
									<td align="right">
									会员等级
									</td>
									</tr>
								</table>
							</td>
							<td width="70%">
								<table width="100%" cellspacing="0" cellpadding="0" border="1"
									bordercolor="#ffffff" bgcolor="#CDE5FD">
									<tr>
										<td>
											&nbsp;&nbsp;${member.name}
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;&nbsp; ${member.sex}
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;&nbsp;${member.birthday}
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;&nbsp;${member.area}${member.address}
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;&nbsp;${member.tel}
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;&nbsp;${member.cardId}
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;&nbsp; ${member.zip}
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;&nbsp;${member.email}
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;&nbsp;${member.integral}
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;&nbsp;<c:forEach items="${gradeList}" var="grade">
											${member.gradeId==grade.gradeId?grade.gradeName:null}
											</c:forEach>
										</td>
									</tr>
								</table>
								</td></tr></table>
				</div>
			</div>
		</div>
		<%@  include file="bottom.jsp"%>
	</body>
</html>